<style>
    img.fans-portrait{
        width:50px;
        height:50px;
    }
    .fsh-rightPanel .layui-table-body .layui-table-cell {
        height: 50px;
        line-height: 50px;
    }
</style>
<div class="fsh-rightPanel">
    <div class="layui-anim layui-anim-upbit">
        <div class="layui-form-item wx-search" id="list_formByAccount">
            <div class="layui-inline">
                <input type="text" name="nickName" placeholder="请输入昵称" autocomplete="off" class="layui-input">
                <input type="hidden" name="id" value="<%=id%>">
            </div>
            <button class="layui-btn btn-primary" id="searchByAccount">搜索</button>
        </div>
        <table id="list_table1" class="layui-hide" lay-filter="mainList"></table>
    </div>
</div>

<script>
    layui.use(['layer', 'table'], function () {
        var layer = layui.layer;
        var table = layui.table;

        var tableObj = table.render({
            id: 'list_table1',
            elem: '#list_table1',
            url: '/registerUserType/listByType',
            method: 'post',
            where:{id:<%=id%>},
            align: "center",
            cols: [[ //表头
                {type: 'checkbox'},
              /*  {type: 'numbers', title: '编号',width:50},
                {field: 'wx', title: '用户微信号', width: 150, align: 'center'},*/
                {field: 'nickName', title: '用户昵称', width: 150, align: 'center'},
                {field: 'gender', title: '性别', width: 150, align: 'center',templet:function(d){return d.gender=='1'?'男':'女'}},
                {field: 'phone', title: '电话', width: 150, align: 'center'},
                {field: 'useTime', title: '使用时间', width: 180, align: 'center'},
                {field: 'endTime', title: '到期时间', width: 180, align: 'center'}
            ]]
        });

        // 检索
        $("#searchByAccount").click(function () {
            reloadTable(tableObj,"list_formByAccount");
        });

    });
</script>
